
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>三种 Dosha 体质测试</title>
  <style>
    table { width: 100%; border-collapse: collapse; font-size: 16px; }
    th, td { border: 1px solid #ddd; padding: 10px; text-align: center; }
    th { background-color: #f8f8f8; font-weight: bold; }
    td.selectable { cursor: pointer; transition: 0.2s; }
    td.selected { background-color: #cce5ff; font-weight: bold; }
    .score-board { margin-top: 20px; font-size: 18px; }
  </style>
</head>
<body>
  <h2>🧘 三种体质自我测试表（阿育吠陀 Dosha 测评）</h2>
  <p>请在每一行中选择最符合你的描述的一项，系统将为你自动统计得分。</p>
  <table id="doshaTable">
    <thead>
      <tr>
        <th>特征</th>
        <th>Vata<br>风型</th>
        <th>Pitta<br>火型</th>
        <th>Kapha<br>土型</th>
      </tr>
    </thead>
    <tbody>
      
    <tr>
      <td>體型</td>
      <td class="selectable" data-dosha="Vata">體格較為單薄，身型瘦長、苗條</td>
      <td class="selectable" data-dosha="Pitta">中等體格，肌肉均衡</td>
      <td class="selectable" data-dosha="Kapha">體格強壯，身材高大</td>
    </tr>
    

    <tr>
      <td>體重</td>
      <td class="selectable" data-dosha="Vata">輕，難以增重</td>
      <td class="selectable" data-dosha="Pitta">維持在一樣的體重，容易瘦下來；增重平均分布全身</td>
      <td class="selectable" data-dosha="Kapha">容易增重，尤其在臀部和大腿</td>
    </tr>
    

    <tr>
      <td>皮膚類型</td>
      <td class="selectable" data-dosha="Vata">乾性，皮膚較薄且能看見血管</td>
      <td class="selectable" data-dosha="Pitta">油性，泛紅及會長痘痘</td>
      <td class="selectable" data-dosha="Kapha">混合性，皮膚水潤且光滑</td>
    </tr>
    

    <tr>
      <td>體溫</td>
      <td class="selectable" data-dosha="Vata">體溫偏低而寒，手腳冰冷，熱愛溫暖的天氣</td>
      <td class="selectable" data-dosha="Pitta">體溫偏高而熱，熱愛涼爽的天氣</td>
      <td class="selectable" data-dosha="Kapha">體溫能適應不同天氣，不喜歡太冷及潮濕天氣</td>
    </tr>
    

    <tr>
      <td>頭髮</td>
      <td class="selectable" data-dosha="Vata">粗糙、乾燥、薄、髮尾易開岔</td>
      <td class="selectable" data-dosha="Pitta">稀疏、幼軟、油膩，較早出現灰或秃頭現象</td>
      <td class="selectable" data-dosha="Kapha">濃密、油膩、捲曲、帶光澤</td>
    </tr>
    

    <tr>
      <td>膚色</td>
      <td class="selectable" data-dosha="Vata">偏黑（家庭基因），容易曬黑</td>
      <td class="selectable" data-dosha="Pitta">皮膚白，容易曬傷，雀斑、黑斑、多痣</td>
      <td class="selectable" data-dosha="Kapha">膚色均勻</td>
    </tr>
    

    <tr>
      <td>眼睛</td>
      <td class="selectable" data-dosha="Vata">小、深色、眼神閃爍不穩，凹陷</td>
      <td class="selectable" data-dosha="Pitta">中型，眼色偏綠、黃、灰色</td>
      <td class="selectable" data-dosha="Kapha">大，眼神慈祥，偏咖啡色</td>
    </tr>
    

    <tr>
      <td>手及腳指</td>
      <td class="selectable" data-dosha="Vata">手腳指頭細長、尖細</td>
      <td class="selectable" data-dosha="Pitta">手腳指頭中等大小</td>
      <td class="selectable" data-dosha="Kapha">手腳指頭短及小</td>
    </tr>
    

    <tr>
      <td>牙齒</td>
      <td class="selectable" data-dosha="Vata">暴牙，細小，歪斜不正，排列不甚整齊</td>
      <td class="selectable" data-dosha="Pitta">中等大小，整齊，常出血或牙齦敏感</td>
      <td class="selectable" data-dosha="Kapha">大，整齊，白</td>
    </tr>
    

    <tr>
      <td>流汗</td>
      <td class="selectable" data-dosha="Vata">少汗，無氣味</td>
      <td class="selectable" data-dosha="Pitta">大量流汗，味道強烈</td>
      <td class="selectable" data-dosha="Kapha">汗水及氣味適中</td>
    </tr>
    

    <tr>
      <td>免疫力</td>
      <td class="selectable" data-dosha="Vata">低，多變，較易生病</td>
      <td class="selectable" data-dosha="Pitta">中等而波動</td>
      <td class="selectable" data-dosha="Kapha">高，少生病</td>
    </tr>
    

    <tr>
      <td>身體動作</td>
      <td class="selectable" data-dosha="Vata">有過度活躍，身體動作多</td>
      <td class="selectable" data-dosha="Pitta">適中有目的的行動</td>
      <td class="selectable" data-dosha="Kapha">慢、冷靜，喜歡休息</td>
    </tr>
    

    <tr>
      <td>骨骼關節</td>
      <td class="selectable" data-dosha="Vata">骨骼突出，脆弱且偶爾出現疼痛的情況，容易發出聲響</td>
      <td class="selectable" data-dosha="Pitta">關節靈活而柔軟</td>
      <td class="selectable" data-dosha="Kapha">骨骼大而結實</td>
    </tr>
    

    <tr>
      <td>食慾</td>
      <td class="selectable" data-dosha="Vata">不規律</td>
      <td class="selectable" data-dosha="Pitta">量大，需時常飲食</td>
      <td class="selectable" data-dosha="Kapha">即使餓了也可以承受</td>
    </tr>
    

    <tr>
      <td>消化能力</td>
      <td class="selectable" data-dosha="Vata">容易受到影響，消化能力時好時壞</td>
      <td class="selectable" data-dosha="Pitta">食物能夠快速消化，消化能力強</td>
      <td class="selectable" data-dosha="Kapha">食物消化速度慢，消化能力較弱</td>
    </tr>
    

    <tr>
      <td>消化問題</td>
      <td class="selectable" data-dosha="Vata">容易出現脹氣情況</td>
      <td class="selectable" data-dosha="Pitta">胸口灼熱且有胃酸</td>
      <td class="selectable" data-dosha="Kapha">進食後感到消化不良</td>
    </tr>
    

    <tr>
      <td>排泄狀態</td>
      <td class="selectable" data-dosha="Vata">乾、硬、有便秘問題</td>
      <td class="selectable" data-dosha="Pitta">量多、軟而正常</td>
      <td class="selectable" data-dosha="Kapha">量多、規則的</td>
    </tr>
    

    <tr>
      <td>女性每分鐘脈搏</td>
      <td class="selectable" data-dosha="Vata">80-100</td>
      <td class="selectable" data-dosha="Pitta">70-80</td>
      <td class="selectable" data-dosha="Kapha">60-70</td>
    </tr>
    

    <tr>
      <td>男性每分鐘脈搏</td>
      <td class="selectable" data-dosha="Vata">70-90</td>
      <td class="selectable" data-dosha="Pitta">60-70</td>
      <td class="selectable" data-dosha="Kapha">50-60</td>
    </tr>
    

    <tr>
      <td>睡眠質素</td>
      <td class="selectable" data-dosha="Vata">難以入睡，偶爾會睡夢中醒來</td>
      <td class="selectable" data-dosha="Pitta">能正常入睡</td>
      <td class="selectable" data-dosha="Kapha">能進入長時間的深層睡眠</td>
    </tr>
    

    <tr>
      <td>思考習慣</td>
      <td class="selectable" data-dosha="Vata">通常是語言的</td>
      <td class="selectable" data-dosha="Pitta">大量視覺圖像</td>
      <td class="selectable" data-dosha="Kapha">憑感覺和情緒</td>
    </tr>
    

    <tr>
      <td>社交能力</td>
      <td class="selectable" data-dosha="Vata">容易相處，易傾向膚淺</td>
      <td class="selectable" data-dosha="Pitta">社交手腕強，具支配性</td>
      <td class="selectable" data-dosha="Kapha">最初較難相處</td>
    </tr>
    

    <tr>
      <td>說話能力</td>
      <td class="selectable" data-dosha="Vata">快，有時詞不達意，雜亂無章</td>
      <td class="selectable" data-dosha="Pitta">快速、銳利、清晰</td>
      <td class="selectable" data-dosha="Kapha">緩慢、清晰、溫和</td>
    </tr>
    

    <tr>
      <td>工作能力</td>
      <td class="selectable" data-dosha="Vata">同時進行很多事情，但大部分不會完成</td>
      <td class="selectable" data-dosha="Pitta">有規劃，有計畫的進行，目標很明顯</td>
      <td class="selectable" data-dosha="Kapha">不愛变動，喜歡簡單</td>
    </tr>
    

    <tr>
      <td>決定力</td>
      <td class="selectable" data-dosha="Vata">不能下決定，常變化</td>
      <td class="selectable" data-dosha="Pitta">可以馬上下決定，容易分辨事情的重要性</td>
      <td class="selectable" data-dosha="Kapha">花多一點時間下決定，但決定後會做到底</td>
    </tr>
    

    <tr>
      <td>忍耐力</td>
      <td class="selectable" data-dosha="Vata">缺乏，具爆發力但很快耗盡</td>
      <td class="selectable" data-dosha="Pitta">適中而具專注力</td>
      <td class="selectable" data-dosha="Kapha">高而穩定，開始時較慢，但堅韌度良好</td>
    </tr>
    

    <tr>
      <td>記憶力</td>
      <td class="selectable" data-dosha="Vata">短暫記憶力強，但無法維持長期記憶</td>
      <td class="selectable" data-dosha="Pitta">記憶力正常，且大多情況下記憶都與事實相符</td>
      <td class="selectable" data-dosha="Kapha">暫記憶力弱，但能維持深刻的長期記憶</td>
    </tr>
    

    <tr>
      <td>思考力</td>
      <td class="selectable" data-dosha="Vata">精力充沛，想東想西，但是專注力短暫</td>
      <td class="selectable" data-dosha="Pitta">有目標，有邏輯性，理性，務實</td>
      <td class="selectable" data-dosha="Kapha">思考慢，但是很不輕易改變</td>
    </tr>
    

    <tr>
      <td>性欲</td>
      <td class="selectable" data-dosha="Vata">強烈，有幻想，但是體力不足</td>
      <td class="selectable" data-dosha="Pitta">中度，熱情型，專制想引導</td>
      <td class="selectable" data-dosha="Kapha">欲望一致，溫柔並充滿愛</td>
    </tr>
    

    <tr>
      <td>情緒</td>
      <td class="selectable" data-dosha="Vata">起伏不定</td>
      <td class="selectable" data-dosha="Pitta">變化緩慢穩定</td>
      <td class="selectable" data-dosha="Kapha">不容易改變</td>
    </tr>
    

    <tr>
      <td>友誼</td>
      <td class="selectable" data-dosha="Vata">朋友很多，但有些並不深入</td>
      <td class="selectable" data-dosha="Pitta">有幾個甚至不少知心朋友</td>
      <td class="selectable" data-dosha="Kapha">朋友不算多，但友誼深厚穩固</td>
    </tr>
    

    <tr>
      <td>對天氣的反應</td>
      <td class="selectable" data-dosha="Vata">討厭寒冷</td>
      <td class="selectable" data-dosha="Pitta">討厭熱</td>
      <td class="selectable" data-dosha="Kapha">討厭潮濕、寒冷的天氣</td>
    </tr>
    

    <tr>
      <td>信念</td>
      <td class="selectable" data-dosha="Vata">多變，乖僻</td>
      <td class="selectable" data-dosha="Pitta">強勢，果斷</td>
      <td class="selectable" data-dosha="Kapha">穩定，緩慢適量變化</td>
    </tr>
    

    <tr>
      <td>正面情緒</td>
      <td class="selectable" data-dosha="Vata">適應力強，富創意，直覺力強，藝術感，達觀的</td>
      <td class="selectable" data-dosha="Pitta">勇氣，樂助，獨立，天生的領導者，富魅力</td>
      <td class="selectable" data-dosha="Kapha">愛心，平靜，實際，情深，關懷，可靠，愛家庭</td>
    </tr>
    

    <tr>
      <td>負面情緒</td>
      <td class="selectable" data-dosha="Vata">容易感到焦慮，害怕，緊張可怕，神經質，反覆無常</td>
      <td class="selectable" data-dosha="Pitta">缺乏耐性，常生氣，易怒，容易感到挑戰，愛控制他人</td>
      <td class="selectable" data-dosha="Kapha">容易感到寂寞，抑鬱，妒忌，依賴，守財奴，迴避衝突</td>
    </tr>
    

    <tr>
      <td>你的性格</td>
      <td class="selectable" data-dosha="Vata">熱情外向、富創意</td>
      <td class="selectable" data-dosha="Pitta">容易受人影響、具野心</td>
      <td class="selectable" data-dosha="Kapha">容易與人相處、有耐性、樂於付出</td>
    </tr>
    

    <tr>
      <td>表達愛意</td>
      <td class="selectable" data-dosha="Vata">用語言</td>
      <td class="selectable" data-dosha="Pitta">送禮物</td>
      <td class="selectable" data-dosha="Kapha">憑感覺</td>
    </tr>
    

    <tr>
      <td>購物慾</td>
      <td class="selectable" data-dosha="Vata">衝動型消費者，購買後時常忘記自己曾購買的貨品</td>
      <td class="selectable" data-dosha="Pitta">精明型消費者，只選擇值得購買的貨品</td>
      <td class="selectable" data-dosha="Kapha">謹慎型消費者，需長時間考慮且陷入難以決定的情況</td>
    </tr>
    

    <tr>
      <td>最大興趣</td>
      <td class="selectable" data-dosha="Vata">藝術文學類，如哲學、美術、靈性相關科目</td>
      <td class="selectable" data-dosha="Pitta">邏輯類，如商業、科學、法律、電子工程</td>
      <td class="selectable" data-dosha="Kapha">實踐類，如輔導、教育、人力資源</td>
    </tr>
    
    </tbody>
  </table>
  <div class="score-board">
    ✔️ 你的得分：<br>
    Vata 风型: <span id="vataScore">0</span> 分<br>
    Pitta 火型: <span id="pittaScore">0</span> 分<br>
    Kapha 土型: <span id="kaphaScore">0</span> 分
  </div>
  <script>
    const table = document.getElementById('doshaTable');
    const scores = { Vata: 0, Pitta: 0, Kapha: 0 };

    table.addEventListener('click', function (e) {
      if (!e.target.classList.contains('selectable')) return;

      const row = e.target.parentElement;
      Array.from(row.children).forEach(td => td.classList.remove('selected'));

      e.target.classList.add('selected');
      updateScores();
    });

    function updateScores() {
      scores.Vata = scores.Pitta = scores.Kapha = 0;
      document.querySelectorAll('#doshaTable td.selected').forEach(cell => {
        scores[cell.dataset.dosha]++;
      });

      document.getElementById('vataScore').innerText = scores.Vata;
      document.getElementById('pittaScore').innerText = scores.Pitta;
      document.getElementById('kaphaScore').innerText = scores.Kapha;
    }
  </script>
</body>
</html>
